@media (max-width: 274px) {

    .ebc-main-sidebar {
        top: 54px !important;
        width: max-content !important;
        background-color: var(--EbcColorGrisAzure);
        padding: 0 8px 0 8px;
    }
}

@media (max-width: 767px) {

    .app-menu {
        width: 100%
    }

    .navbar {
        position: fixed;
        top: 0px;
        width: 100%;
    }

    .navbar-title {
        font-weight: bold;
        font-size: 4vmin;
        overflow: hidden;
        white-space: nowrap; /* Don't forget this one */
        text-overflow: ellipsis;
    }

    .controls {
        height: 60px;
        top: 15px;
        position: fixed;
        top: 0px;
        width: 100%;
        background-color: rgb(0, 0, 0);
    }

    .controls-group {
        float: right;
        margin-right: 2px;
    }

    .control-panel-pad {
        padding-right: 0.5em;
        padding-bottom: 0.2em;
        align-self: end;
    }



    .content {
        position: relative;
        top: 0px;
    }

    .rz-p-4 {
        padding: 0rem !important;
    }

    .px-4 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .sidebar-width {
        width: max-content;
        border-right-color: var(--EbcColorGrisAzure);
    }
}

@media (max-width: 767px) {
    .login {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .app-admin-modal .modal-content {
        margin: 5% auto; /* 5% from the top and centered */
        width: 96%; /* Could be more or less, depending on screen size */
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
        position: absolute;
        width: 100% !important;
        top: 50px !important;
        bottom: 50px !important;
        height: calc(100% - 100px) !important;
        border-radius: 0;
    }
}